<template>
    <h1>列表显示</h1>

    <table>
        <thead>
            <tr>
                <th>教职工编号</th>
                <th>姓名</th>
                <th>性别</th>
                <th>年龄</th>
                <th>家庭住址</th>
                <th>手机号</th>
            </tr>
        </thead>

        <tbody>
            <tr v-for="item in Info">
                <td>{{ item.Id }}</td>
                <td>{{ item.Name }}</td>
                <td>{{ item.Sex }}</td>
                <td>{{ item.Age }}</td>
                <td>{{ item.Addres }}</td>
                <td>{{ item.Phone }}</td>
            </tr>
        </tbody>

    </table>

</template>

<script setup lang="ts">

const Info = [
    {
        Id:1,
        Name:'张三',
        Sex:'女',
        Age:31,
        Addres:"北京",
        Phone:'13023490745',
    },
    {
        Id:2,
        Name:'李四',
        Sex:'男',
        Age:32,
        Addres:"上海",
        Phone:'13123490745',
    },
    {
        Id:3,
        Name:'王五',
        Sex:'女',
        Age:33,
        Addres:"天津",
        Phone:'13223490745',
    },
    {
        Id:4,
        Name:'赵六',
        Sex:'男',
        Age:34,
        Addres:"重庆",
        Phone:'13323490745',
    },
    {
        Id:5,
        Name:'惋惜',
        Sex:'女',
        Age:35,
        Addres:"广州",
        Phone:'13423490745',
    },
    {
        Id:6,
        Name:'巅峰',
        Sex:'男',
        Age:36,
        Addres:"深圳",
        Phone:'13523490745',
    },
    {
        Id:7,
        Name:'寒冰',
        Sex:'女',
        Age:37,
        Addres:"香港",
        Phone:'13623490745',
    },
    {
        Id:8,
        Name:'可惜',
        Sex:'男',
        Age:38,
        Addres:"澳门",
        Phone:'13723490745',
    },
    {
        Id:9,
        Name:'婉婷',
        Sex:'女',
        Age:39,
        Addres:"河北",
        Phone:'13823490745',
    },
    {
        Id:10,
        Name:'漫天',
        Sex:'男',
        Age:40,
        Addres:"江苏",
        Phone:'13923490745',
    },
]

</script>
